﻿<div class="doubleeleven">

    <!-- S 轮播Banner -->
    <div class="swiper-container topbanner bannerthumb">
        <a class="homesearch" href="/Wap/Shop/Search.aspx" ng-click="trackEvent({PositionCode:'homesearch',Id:0,Title:'首页搜索框'})">
            <img ng-src="images/homesearch.png" style="display:block;width:100%;">
        </a>
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="javascript:;">
                    <img ng-src="../Shop/css/images/double_eleven/double_eleven_02.jpg" style="display:block;width:100%;">
                </a>
            </div>
            <div class="swiper-slide" ng-repeat="item in bannerList" on-finish-render-filters="bannerList">
                <a href="{{item.Url}}" ng-click="trackEvent(item)">
                    <img ng-src="{{item.PhotoUrl}}" style="display:block;width:100%;">
                </a>
            </div>
        </div>
        <div class="swiper-pagination swiper-pagination-bullets swiper-position"></div>
    </div>
    <!-- E 轮播Banner -->



    <!-- S 锚点 -->
    <div class="img-container" style="margin-top: 1rem;">
        <img src="../Shop/css/images/double_eleven/double_eleven_03.png">
        <span ng-click="anchor('d_g')" style="position: absolute; display: block; top: 31%; right: 77%; bottom: 24%; left: 04%; margin: auto;"></span>
        <span ng-click="anchor('k')" style="position: absolute; display: block; top: 31%; right: 53%; bottom: 24%; left: 28%; margin: auto;"></span>
        <span ng-click="anchor('h')" style="position: absolute; display: block; top: 31%; right: 29%; bottom: 24%; left: 52%; margin: auto;"></span>
        <span ng-click="anchor('s')" style="position: absolute; display: block; top: 31%; right: 05%; bottom: 24%; left: 76%; margin: auto;"></span>
    </div>
    <!-- E 锚点 -->



    <!-- S 抽奖 -->
    <div class="img-container">
        <img src="../Shop/css/images/double_eleven/double_eleven_04.png">
        <a href="javascript:;" style="position: absolute; display: block; top: 46%; right: 37%; bottom: 24%; left: 37%; margin: auto;"></a>
    </div>
    <!-- E 抽奖 -->


    
    <!-- S 列表 -->
    <div ng-repeat="productListOpt in productList" ng-if="productListOpt.list.length">
        <div class="img-container" data-anchor="{{productListOpt.kind}}" data-difference="{{productListOpt.difference}}">
            <img ng-src="{{productListOpt.titleImg}}">
        </div>
        <div class="product-list">
            <div class="product-item" ng-repeat="product in productListOpt.list">
                <a class="product" href="{{product.Url}}" ng-click="statistics(product.ProductName, [productListOpt.kind, $index, product.ProductNo])">
                    <img class="cover" ng-src="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                    <p class="name">{{product.ProductName}}</p>
                    <p class="introduction">{{product.ShortDesc}}</p>
                    <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                    <img class="gwc" src="../Shop/css/images/double_eleven/gwc.png">
                </a>
            </div>
            <div class="product-item" ng-if="productListOpt.more && productListOpt.more.show && productListOpt.more.list" ng-repeat="product in productListOpt.more.list">
                <a class="product" href="{{product.Url}}" ng-click="statistics(product.ProductName, ['d_g', $index, product.ProductNo])">
                    <img class="cover" ng-src="{{product.ProductImage}}" ng-alt="{{product.ProductName}}">
                    <p class="name">{{product.ProductName}}</p>
                    <p class="introduction">{{product.ShortDesc}}</p>
                    <p class="price">￥<span>{{product.SalePriceFormat[0]}}.</span>{{product.SalePriceFormat[1]}}</p>
                    <img class="gwc" src="../Shop/css/images/double_eleven/gwc.png">
                </a>
            </div>
            <div ng-if="!productListOpt.more || productListOpt.more.show">
                <a class="more" href="https://cms.weixinmvp.com/Mass/170530product/?limit=6&TemplateId=2&id={{productListOpt.id}}">
                    <img src="../Shop/css/images/double_eleven/more_all.png">
                </a>
            </div>
            <div ng-if="productListOpt.more && !productListOpt.more.show">
                <a class="more" href="javascript:;" ng-click="productListOpt.more.show=true">
                    <img src="../Shop/css/images/double_eleven/more_all.png">
                </a>
            </div>
        </div>
    </div>
    <!-- E 列表 -->



</div>
